<!-- 轮播图 -->
<template>
<div class='swipe'>
    <mt-swipe :auto="3000" @change="handleChange">
  <mt-swipe-item>
      <img src="https://x.dscmall.cn/storage/data/gallery_album/177/original_img/177_P_1597978396430.jpg" alt="">
  </mt-swipe-item>
  <mt-swipe-item>
      <img src="https://x.dscmall.cn/storage/data/gallery_album/177/original_img/177_P_1597978395260.jpg" alt="">
  </mt-swipe-item>
  <mt-swipe-item>
      <img src="https://x.dscmall.cn/storage/data/gallery_album/177/original_img/177_P_1597978394783.jpg" alt="">
  </mt-swipe-item>
</mt-swipe>
</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
    
export default {
//import引入的组件需要注入到components对象中才能使用
components: {},

methods:{
    handleChange(index){
        this.$emit("changeColor",index)
    }
}

}
</script>
<style lang="less">
    .swipe{
        width: 100%;
        height: 12rem;
        margin: 0 1rem;
        width: calc(100% - 2rem);
        margin-top: 6.8rem;
        border-radius: 1rem;
        img{
            width: 100%;
            height: 12rem;
              border-radius: 1rem;
        }
    }
</style>